<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sx" uri="/struts-dojo-tags" %> 

<html>
	<head>
		<sx:head/>
		<SCRIPT type="text/javascript">
			function exibirImg(seqAnuncio, seqImagem){
				document.getElementById('img').src = 'http://localhost:8080/struts2-blank/projeto/anuncioInterno!getMetodoImage.do?seqAnuncio='+seqAnuncio+'&seqImagem='+seqImagem;
			}
		    function popup(seqAnuncio, seqImagem){   
		        window.open("../projeto/anuncioInterno!popUp.do?seqAnuncio="+seqAnuncio+"&seqImagem="+seqImagem,"Nome","scrollbars = no,width=350,height=550");   
		    }   
		</SCRIPT>
	</head>
	<body>
		<s:form namespace="/projeto" action="anuncioInterno.do" theme="simple" enctype="multipart/form-data" method="post">
			<table width="30%" align="center">
				<tr>
					<td>
						<fieldset class="bordatabela" >
					   		<legend align="center"><h2>Alterar Imagens</h2></legend>
							<table  align="center" cellpadding="4" cellspacing="1">
								<tr>
									<td colspan="5">
										<img id="img" alt="teste" height="300px" width="300px" src="http://localhost:8080/struts2-blank/projeto/anuncioInterno!getMetodoImage.do?seqAnuncio=<s:property value="imagemVO.seqAnuncio"/>&seqImagem=<s:property value="imagemVO.seqImagem"/>" />
									</td>
								</tr>
								<tr> 
								<s:iterator value="imagens" end="5" >
									<td>
										<img alt="teste" 
											height="100px" 
											width="100px" 
											src="http://localhost:8080/struts2-blank/projeto/anuncioInterno!getMetodoImage.do?seqAnuncio=<s:property value="seqAnuncio"/>&seqImagem=<s:property value="seqImagem"/>" 
											onclick="exibirImg('<s:property value="seqAnuncio"/>','<s:property value="seqImagem"/>');"
										/>
									</td>
								</s:iterator>
								</tr>
								<tr>
								<s:iterator value="imagens" end="5" >
										<td>
											<a href="javascript: popup('<s:property value="seqAnuncio"/>','<s:property value="seqImagem"/>');">alterar</a>
										</td>
								</s:iterator>
								</tr>
							</table>
						</fieldset>
					</td>
				</tr>
			</table>
			</br>
			</br>
			<table align="center">
				<tr>
					<td>
						<s:reset value="Limpar" cssClass="botao"/>
					</td>
					<td>
						<input type="button" value="Voltar" class="botao" onclick="javascript: go('/projeto/anuncioInterno.do');"/>
					</td>
					<td>
						<s:submit value="Alterar" cssClass="botao" method="alterarAnuncio"/>
					</td>
				</tr>
			</table>
			<sx:div theme="ajax" >
			<table id="imgGrande" style="display: none;">
				<tr>
					<td rowspan="5">
						<img id="img" alt="teste" height="300px" width="300px" src="http://localhost:8080/struts2-blank/projeto/anuncioInterno!getMetodoImage.do?seqAnuncio=<s:property value="imagemVO.seqAnuncio"/>&seqImagem=<s:property value="imagemVO.seqImagem"/>" />
					</td>
				</tr>
				<s:iterator value="imagens" var="index" status="stat" begin="0">
					<tr>
						<td>
							<img alt="teste" 
								height="100px" 
								width="100px" 
								src="http://localhost:8080/struts2-blank/projeto/anuncioInterno!getMetodoImage.do?seqAnuncio=<s:property value="seqAnuncio"/>&seqImagem=<s:property value="seqImagem"/>" 
								onclick="exibirImg('<s:property value="seqAnuncio"/>','<s:property value="seqImagem"/>');"
							/>
								
						</td>
						
					</tr>
				</s:iterator>
			</table>
			</sx:div>
		</s:form>
	</body>
</html>